<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>01属性的绑定</title>
  <script src="vue(1).js"></script>
</head>
<body>
<div id="div">
  <!--    标签的属性-->
  <p v-bind:style="sty">这是p元素</p>
  <!--    v-model:双向数据绑定
  v-bind:属性的绑定 可以简写成
  -->
  <input type="text":value="username">
  <input type="text" v-model="username">
</div>
<script>
  var vm=new Vue({
    el:"#div",
    data:{
      sty:"color:#00ff00;font-size: 20px",
      username:"admin"
    }
  })
</script>

</body>
</html>